<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <link rel='stylesheet' type='text/css' href='css/css.css' media='all'>
        <title>Tạo phòng chat</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <div id='login-area'>
            <div id='login-head'>
                Tạo phòng chat
            </div>
            <form action='register.php' method='POST'>
                <div class='login-div'>
                    <div class='login-img'>
                        <img src='Images/chat-room.png' width='60' height='60' alt='img-user'/>
                        <div class='login-hidden-info'>
                            Tên phòng chat không thể trùng nhau, tên phòng chat dùng để phân biệt các phòng chat với nhau.<br/>                            
                            <span class='meo'>Mẹo:</span> bạn có thể ấn nút kiểm tra để xác định mức độ hợp lệ.
                        </div>
                    </div>
                <div class='login-input'>
                    <label class='login-label' for='roomname'>
                        Tên phòng chat: <span id='roomname-checked' class='check-done'></span>
                    </label><br>
                    <input type='text' name='roomname' id='roomname' value='' size='20' tabindex='1' class='login-textbox'>
                    
                </div>
                    <div class='check-area'>
                        <div id='roomname-check' class='check-button'>Kiểm tra</div>
                    </div>
                </div><!-- End Login-div -->               
                
                <div class='login-div'>
                    <div class='login-img'>
                        <img src='Images/access.png' width='60' height='60' alt='img-user'/>
                        <div class='login-hidden-info'>
                            Mức độ riêng tư:<br/>
                            - Chung: Bất cứ ai cũng có thể tham gia phòng chat này.<br/>
                            - Riêng: Chỉ có những người bạn cho phép mới có thể tham gia.<br/>
                        </div>
                    </div>
                <div class='login-input'>
                    <label class='login-label' for='access'>Mức độ riêng tư:</label><br>
                    <select name='access' tabindex='5' class='login-select'>
                        <option value='0'>Chung</option>
                        <option value='1'>Riêng</option>
                    </select>
                </div>
                </div><!-- End Login-div -->
                
                <div class='ajax-userlist'>
                    <div class='label'>Chọn Users:</div>
                    <ul id='user-check-list'>
                        <li><input type='checkbox' name='users' value='1'>Admin</li>
                        <li><input type='checkbox' name='users' value='2'>Misuhiko</li>
                        <li><input type='checkbox' name='users' value='3'>Duyanh</li>
                        <li><input type='checkbox' name='users' value='4'>NgocKiem</li>
                        <li><input type='checkbox' name='users' value='5'>DinhAnh</li>
                        <li><input type='checkbox' name='users' value='6'>NguyenMinhNhat</li>
                        <li><input type='checkbox' name='users' value='7'>HuuPhat</li>
                        <li><input type='checkbox' name='users' value='8'>KhuongDuy</li>
                        <li><input type='checkbox' name='users' value='9'>ThanhTruc</li>
                        <li><input type='checkbox' name='users' value='10'>KieuTrinh</li>
                        <li><input type='checkbox' name='users' value='11'>ThienPhuc</li>
                        <li><input type='checkbox' name='users' value='12'>HongHieu</li>
                    </ul>
                </div><!-- End Login-div -->
                
                <div id='login-input-area'>
                    <div><input type='submit' name='submit' value='Tạo phòng chat' tabindex='6'></div>                    
                </div>
            </form>
        </div>
    </body>
</html>
